<template>
  <div id="tab-bar">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "TabBar"
}
</script>

<style scoped>
#tab-bar{
  /*开启flex布局*/
  display:flex;
  /*设置flex项目间距相等*/
  justify-content: space-evenly;
  height: 49px;
  background-color: #f6f6f6;
  /*开启固定定位，把容器放在最下面*/
  position:fixed;
  bottom:0;
  /*设置left和right：0可以保证容器整个宽度是屏幕的宽度*/
  left:0;
  right:0;
  /*  设置阴影*/
  box-shadow:0 -2px 1px rgba(100,100,100,.1);
  font-size:14px;
}
</style>